<template>
  <!-- 使用父组件传递过来的参数 -->
  <div>子组件：：===>{{ state.fatherData }}</div>
</template>

<script>
import { reactive } from "@vue/reactivity";
// props的第一个参数;
export default {
  // 第1步：先用props定义，在使用setup接受传递过来的参数
  props: {
    // 父组件传递过来的参数
    chuanValue: String,
  },
  setup(props) {
    // 第2步  接受父组件的参数，并且使用
    const state = reactive({
      fatherData: props.chuanValue,
    });

    return {
      state,
    };
  },
};
</script>

<style></style>
